.category{
    padding: 0.22rem;
    height: 3rem;
    /*background: #3CA0FE;*/
    display: flex;
    /*默认值为row ;*/
    /*justify-content: 子元素（项目的属性设置）;*/
    justify-content: space-between;
    /*align-items: center;*/
    flex-wrap: wrap;
    align-items: center;
}
.category > li{
    width: 2.17rem;
    height: 1.08rem;
    background-color: rgba(59,172,254,0.1);
    border-radius: 0.08rem;
    /*opacity: 0.5;*/
    /*transition: all 0.15s ease-in;*/
}
.category > li:hover{
    background: #3bacfe;

}
.category > li > .one{
    font-size: 0.3rem;
    color: rgba(59,172,254,0.55);
    font-family: SanFranciscoDisplay-Heavy;
}
.category > li > .two{
    font-size: 0.18rem;
    color: rgba(59,172,254,0.55);
    font-family: SanFranciscoDisplay-Heavy;
}
.category > li > p > span{
    margin-left: 0.02rem;
    margin-right: 0.02rem;
}
.category > li > a{
    /*display: block;*/
    /*width: 100%;*/
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    /*color: #000;*/
    /*font-size: ;*/
}


.search{
    padding:0.17rem 0.22rem;
    height: 0.76rem;
    line-height: 0.6rem;

}
.search > span > a{
    float: right;
    color: #ffffff;
    font-size: 0.2rem;
    width: 1.96rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    background-image: linear-gradient(90deg,
    #37e06f 0%,
    #31d69a 100%),
    linear-gradient(
            #3bacfe,
            #3bacfe);
    background-blend-mode: normal,
    normal;
    box-shadow: 0 0.04rem 0.2rem 0 rgba(55, 223, 116, 0.75);
    border-radius: 0.3rem;
    margin-top: 0.1rem;
}
.search > a{
    float: left;
    width: 4.75rem;
    height: 0.76rem;
    background-color: #e7f6ff;
    border-radius: 0.08rem;
    border: solid 0.02rem #c2e2f9;
    opacity: 0.5;
}
/*search*/

